<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>直播详情</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/wmui/0.6.2/css/wm-extend.min.css?v={v}(path=${staticPath},v=${v})}">
</head>
<body>

<!--主体区域 开始-->
<div class="content wm-content of">
    <section class="course-play__wrap live-play__wrap">
        <!--加载播放器播放前显示-->
        <div style="background-image: url('https://res.268xue.com/res/upload/yzl/course/20180416/11a29ff9342553c6e47b6c1189b9d357_jpg/pc/large.jpg')" class="course-play-bg"></div>
        <div class="cp-shadow">
            <a class="button button-link button-nav pull-left goBack mt5" th:href="${backUrl}">
                <span class="icon iconfont icon-fanhui c-bbb"></span>
            </a>

        </div>
        <aside class="live-play-title">
            <h3 class="ellipsis">初中高数直播课第一讲</h3>
            <span class="fs6">主讲:小明</span>
            <span class="fs6 ml5">300人购买</span>
        </aside>
        <!--加载播放器播放前显示-->
    </section>
    <section>
        <article class="live-cont__wrap">
            <div class="wp-live card">
                <section class="row no-gutter wl-live-left">
                    <section class="col-75">
                        <div class="wp-live-txt__wrap ellipsis" data-space-between='10'>
                            <em class="latest-live-ico"></em>
                            <div class="latest-live-line"></div>
                            <ul id="wp-live-txt__ul" class="swiper-wrapper">
                                <li class="swiper-slide">
                                    <a href="javascript:;">
                                        <span class="ellipsis">初中直播课第一讲</span>
                                        <span>今天&nbsp;&nbsp;08:30-09:30</span>
                                    </a>
                                </li>
                                <li class="swiper-slide">
                                    <a href="javascript:;">
                                        <span class="ellipsis">初中直播课第二讲</span>
                                        <span>今天&nbsp;&nbsp;08:30-09:30</span>
                                    </a>
                                </li>
                                <li class="swiper-slide">
                                    <a href="javascript:;">
                                        <span class="ellipsis">初中直播课第三讲</span>
                                        <span>今天&nbsp;&nbsp;08:30-09:30</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </section>
                    <section class="col-25 text-right">
                        <a href="" class="button button-fill button-round button-danger watch-live">观看直播</a>
                    </section>
                </section>
            </div>
        </article>
        <div class="wm-buttons-tab__wrap">
            <div class="buttons-tab wm-buttons-tab">
                <a href="#tab1" class="tab-link button active">详情</a>
                <a href="#tab2" class="tab-link button">目录</a>
                <a href="#tab3" class="tab-link button">反馈</a>
            </div>
        </div>
        <div class="content live-cont__box of">
            <div class="tabs">
                <!--详情-->
                <div id="tab1" class="tab content active">
                    <div class="pt5 pl75 pr75 pb5">
                        <div class="wp-live-card__wrap">
                            <section class="mb5"><span class="c-333 wp-live-card-tit">课程详情</span></section>
                            <section class="wm-live-cont__wrap pb5">
                                <div>课程包含人像精修、调色、合成、排版、商业修图法；光与影、质感和层次、色彩与情感的交融，实现从基础到高端的质变；<br>
                                    课程包含人像精修、调色、合成、排版、商业修图法；光与影、质感和层次、色彩与情感的交融，实现从基础到高端的质变；
                                </div>
                            </section>
                        </div>
                    </div>
                    <div class="wm-live-line"></div>
                    <div class="infinite-scroll native-scroll" data-type='native' data-distance="100">

                        <div class="pl75 pr75">

                            <!--公共无数据提示 开始-->
                            <section class="no-data__wrap">
                                <em>&nbsp;</em>
                                <p>亲，小编正在整理中</p>
                            </section>
                            <!--公共无数据提示 结束-->

                            <div class="list-block media-list wm-live-list__box wm-liveInfo__box">
                                <div class="list-block no-mt">
                                    <section class="mb5"><span class="c-333 wp-live-card-tit">讲师简介</span></section>
                                    <ul class="list-container">
                                        <li class="item-content">
                                            <div class="item-media">
                                                <aside class="teacher-pic__wrap live-teach-pic__wrap">
                                                    <img class="wm-img" src="http://res.268xue.com/res/upload/yzl/teacher/20171213/b1b59ae3b0283d29ef083622d4539c90_jpg/mobile/large.jpg" alt="">
                                                </aside>
                                            </div>
                                            <div class="item-inner live-item-inner">
                                                <div class="item-title">
                                                    <a class="teach-name show" href="javascript:;">梦瑶</a>
                                                    <div class="wm-attr-wrap row">
                                                        <aside class="col-auto">
                                                            <span class="wm-txt-small c-888">1255个学员</span>
                                                        </aside>
                                                        <aside class="col-auto">
                                                            <span class="wm-txt-small c-888">·</span>
                                                        </aside>
                                                        <aside class="col-auto">
                                                            <span class="wm-txt-small c-888">2689个问题</span>
                                                        </aside>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- 加载提示符 -->
                        <div class="infinite-scroll-preloader">
                            <div class="preloader wm-preloader"></div>
                        </div>

                    </div>
                </div>
                <!--详情-->
                <!--目录-->
                <div id="tab2" class="tab content">
                    <div class="course-menu-tree__wrap">
                        <div class="lecture-list__wrap">
                            <div class="list-block">
                                <ul class="list-container">
                                    <li class="item-content">
                                        <div class="item-inner">
                                            <div class="item-title">
                                                <a href="" class="row no-gutter show live-tree-catalog">
                                                    <div class="col-80">
                                                        <strong class="live-menu-tree-tit">第一章，什么是微信小程序？</strong>
                                                        <section class="wm-attr-wrap wm-live-attr-wrap">
                                                            <span class="fs4 c-888">9月19日 08:30~09:30 [已结束]</span>
                                                        </section>
                                                    </div>
                                                    <div class="col-20 text-right">
                                                        <span class="button button-fill button-round button-success watch-live live-playback">看回放</span>
                                                    </div>
                                                </a>
                                                <section class="course-menu-tree-childNode__wrap live-menu-tree-childNode__wrap">
                                                    <ul>
                                                        <li class="wp-card__wrap">
                                                            <a href="" class="row no-gutter show live-tree-catalog">
                                                                <div class="col-75 chapter-content">
                                                                    <div class="chapter-num">01</div>
                                                                    <strong class="live-menu-tree-tit">HTML表格</strong>
                                                                    <section class="wm-attr-wrap wm-live-attr-wrap">
                                                                        <span class="fs4 c-888">9月19日 08:30~09:30 [已结束]</span>
                                                                    </section>
                                                                </div>
                                                                <div class="col-25 text-right">
                                                                    <span class="button button-fill button-round button-success watch-live live-playback">看回放</span>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li class="wp-card__wrap active">
                                                            <a href="" class="row no-gutter show live-tree-catalog">
                                                                <div class="col-75 chapter-content">
                                                                    <div class="watch-live-ico watch-liveInfo-ico"></div>
                                                                    <strong class="live-menu-tree-tit">HTML表格</strong>
                                                                    <section class="wm-attr-wrap wm-live-attr-wrap">
                                                                        <span class="fs4 c-888">9月19日 08:30~09:30</span>
                                                                    </section>
                                                                </div>
                                                                <div class="col-25 text-right">
                                                                    <button href="javascript:;" class="button button-fill button-round button-danger watch-live">看直播</button>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li class="wp-card__wrap">
                                                            <a href="" class="row no-gutter show live-tree-catalog">
                                                                <div class="col-75 chapter-content">
                                                                    <div class="chapter-num">03</div>
                                                                    <strong class="live-menu-tree-tit">HTML表格</strong>
                                                                    <section class="wm-attr-wrap wm-live-attr-wrap">
                                                                        <span class="fs4 c-888">9月19日 08:30~09:30</span>
                                                                    </section>
                                                                </div>
                                                                <div class="col-25 text-right">
                                                                    <button class="button button-fill button-round button-success watch-live live-bespeak">预约</button>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </section>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--目录-->
                <!--反馈-->
                <div id="tab3" class="tab content of">
                    <div class="page-group">
                        <div id="page-infinite-scroll-bottom" class="page page-current course-comment__wrap">
                            <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                                <div class="wm-title__wrap card-header mt5">
                                        <span class="wm-title-txt">反馈评论
                                            <small class="fs4 c-888 pr" style="top: -.5rem;">2556</small>
                                        </span>
                                </div>
                                <!--公共加载动效  开始-->
                                <section class="loading-gif__wrap">
                                    <div class="row">
                                        <aside class="col-auto"><span class="loadingImg"></span></aside>
                                        <aside class="col-auto">
                                    <span class="loading-txt">
                                        <big>努力奔跑中...</big><br>
                                        <small>Powered by 268教育软件</small>
                                    </span>
                                        </aside>
                                    </div>
                                </section>
                                <!--公共加载动效 结束-->

                                <!--公共无数据提示 开始-->
                                <section class="no-data__wrap no-data-comment__wrap">
                                    <em>&nbsp;</em>
                                    <p>还没有人反馈过哦~~~</p>
                                </section>
                                <!--公共无数据提示 结束-->

                                <article class="">
                                    <div class="list-block">
                                        <ul class="list-container wm-question-list__wrap facebook-card">
                                            <li class="card-header">
                                                <section class="pull-right">
                                                    <div class="c-bbb fs4">星期一 3:47pm</div>

                                                </section>
                                                <div class="facebook-avatar">
                                                    <img class="wm-img list-block-userface" data-src="http://static.268xue.com/upload/mavendemo/teacher/20160907/1473233647250419398.jpg?v=1504769916460" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42" alt="">
                                                </div>
                                                <div class="facebook-name ovf">
                                                    <aside class="pull-left" style="margin-top: .1rem;">
                                                        <span class=" c-333 fs8">夜萧</span>
                                                    </aside>
                                                    <aside class="start-comment__wrap pull-left ml5">
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                    </aside>
                                                </div>
                                                <div class="wm-comment-list__wrap pt5">
                                                    <div class="fs7 c-333">这是一个用纯文本的简单卡片。但卡片可以包含自己的页头，页脚，列表视图，图像，和里面的任何元素。</div>
                                                </div>
                                                <div class="pt5 text-right">
                                                    <a href="javascript:;" class="allReplyBtn fs6">全部回复 <em class="fs4 icon icon-down"></em></a>
                                                </div>
                                            </li>
                                            <li class="card-header">
                                                <section class="pull-right">
                                                    <div class="c-bbb fs4">星期一 3:47pm</div>

                                                </section>
                                                <div class="facebook-avatar">
                                                    <img class="wm-img list-block-userface" data-src="http://static.268xue.com/upload/mavendemo/teacher/20160907/1473233647250419398.jpg?v=1504769916460" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42" alt="">
                                                </div>
                                                <div class="facebook-name ovf">
                                                    <aside class="pull-left" style="margin-top: .1rem;">
                                                        <span class=" c-333 fs8">夜萧</span>
                                                    </aside>
                                                    <aside class="start-comment__wrap pull-left ml5">
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                    </aside>
                                                </div>
                                                <div class="wm-comment-list__wrap pt5">
                                                    <div class="fs7 c-333">这是一个用纯文本的简单卡片。但卡片可以包含自己的页头，页脚，列表视图，图像，和里面的任何元素。</div>
                                                </div>
                                            </li>
                                            <li class="card-header">
                                                <section class="pull-right">
                                                    <div class="c-bbb fs4">星期一 3:47pm</div>
                                                </section>
                                                <div class="facebook-avatar">
                                                    <img class="wm-img list-block-userface" data-src="http://static.268xue.com/upload/mavendemo/teacher/20160907/1473233647250419398.jpg?v=1504769916460" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42" alt="">
                                                </div>
                                                <div class="facebook-name ovf">
                                                    <aside class="pull-left" style="margin-top: .1rem;">
                                                        <span class=" c-333 fs8">夜萧</span>
                                                    </aside>
                                                    <aside class="start-comment__wrap pull-left ml5">
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p active"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                        <span class="start-p"><em class="icon iconfont icon-wujiaoxing"></em></span>
                                                    </aside>
                                                </div>
                                                <div class="wm-comment-list__wrap pt5">
                                                    <div class="fs7 c-333">这是一个用纯文本的简单卡片。但卡片可以包含自己的页头，页脚，列表视图，图像，和里面的任何元素。</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- 加载提示符 -->
                                    <div class="infinite-scroll-preloader">
                                        <div class="preloader wm-preloader"></div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div>
                </div>
                <!--反馈-->
            </div>

        </div>
    </section>
</div>
<!--主体区域 结束-->

<!--menu begin-->
<nav class="bar bar-tab course-info-bar-tab">
    <a class="tab-item external active" href="javascript:;">
        <span class="icon icon-phone vam"></span>
        <span class="tab-label vam">在线咨询</span>
    </a>
    <a class="tab-item external" id="c-dashang-btn" href="javascript:;">
        <span class="icon icon-gift"></span>
        <span class="tab-label">打赏</span>
    </a>
    <a class="tab-item external" id="c-toQuestion-btn" href="">
        <span class="icon icon-friends"></span>
        <span class="tab-label">向专家提问</span>
    </a>
    <a class="tab-item external" id="c-share-btn" href="javascript:;">
        <span class="icon icon-share"></span>
        <span class="tab-label">分享</span>
    </a>
    <a class="tab-item external" id="c-comment-btn" href="javascript:;">
        <span class="icon icon-message"></span>
        <span class="tab-label">反馈评分</span>
    </a>
    <a class="tab-item external cInfo-price-bx" href="#">
        <span class="fs4">￥</span>
        <span>998.0</span>
        <span class="fs7"> 立即报名</span>
    </a>
</nav>
<!--menu end-->

<!--反馈评分 Popup 开始-->
<div class="popup popup-about feedbackPopup">
    <header class="bar bar-nav">
        <button class="button button-link button-nav pull-left close-popup"><span class="iconfont icon-guanbi ml5"></span></button>
        <button class="button button-link button-nav pull-right" style="color: #0894ec"><span class="mr5">提交</span></button>
        <h1 class="title">反馈评分课程</h1>
    </header>
    <div class="content">
        <div class="content-padded feedbackPopup-bx pl5 pr5">
            <section class="mt5 pt5">
                <header class="card-header">
                    <span class="c-333">课程质量</span>
                    <small class="c-bbb fs4">你觉得课程播放时是否足够流畅清晰，体验顺畅</small>
                </header>
                <div class="zp-range__wrap">
                    <input type="hidden" class="zp-range-single-slider" value="50"/>
                </div>
            </section>
            <section class="mt5 pl5 pr5 pt5">
                <header class="card-header">
                    <span class="c-333">老师讲法</span>
                    <small class="c-bbb fs4">你觉得老师讲是否做到重点突出，简直明了</small>
                </header>
                <div class="zp-range__wrap">
                    <input type="hidden" class="zp-range-single-slider" value="50"/>
                </div>
            </section>
            <section class="mt5 pl5 pr5 pt5">
                <header class="card-header">
                    <span class="c-333">综合感受</span>
                    <small class="c-bbb fs4">我对这节课的综合感受</small>
                </header>
                <div class="zp-range__wrap">
                    <input type="hidden" class="zp-range-single-slider" value="50"/>
                </div>
            </section>
            <section class="mt5 pl5 pr5 pt5">
                <header class="card-header">
                    <span class="c-333">偶尔吐槽</span>
                    <small class="c-bbb fs4">我还有其它话要说，别拦我</small>
                </header>
                <div class="mt5 ">
                    <textarea class="feedback-txtarea" placeholder="别憋着，说两句~~~"></textarea>
                </div>
            </section>
        </div>
    </div>
</div>
<!--反馈评分 Popup 结束-->

<!--随堂练习 对话框内容 开始-->
<textarea id="c-classTest-ele" class="hide">
        <div class="text-center pr pt5 pb5">
            <aside class="c-classTest-icon"><span>&nbsp;</span></aside>
            <h3 class="pt5" style="margin-bottom: 0;font-weight: 200;">即将进入随堂练习</h3>
            <span class="fs7 c-bbb">本次练习共</span>
            <span class="fs7 c-blue">5</span>
            <span class="fs7 c-bbb">题</span>
        </div>
    </textarea>
<!--随堂练习 对话框内容 结束-->

<!--文章阅读-->
<div class="popup popup-about course-article-read-popup">
    <header class="bar bar-nav">
        <button class="button button-link button-nav pull-left close-popup"><span class="iconfont icon-guanbi ml5"></span></button>
        <h1 class="title">阅读文章</h1>
    </header>
    <div class="content">
        <div class="content-padded pt5 pb5 pl5 pr5">
            <h1 class="article-title">
                越来越是难熬的日子，越要让自己有事可做
            </h1>
            <div class="facebook-card mt5 pt5">
                <div class="clearfix">
                    <aside class="pull-right c-bbb mt5">
                        <span class="fs4 vam">92.5万阅读</span>
                    </aside>
                    <div class="facebook-name c-333 pt5"><span class="fs4 vam">2016.12.11 11:22</span></div>
                </div>
            </div>
            <div class="c-article-txt__wrap">
                <p>“课外一小时”将教会小朋友们如何使用 iPad 上的 GarageBand 来创作动人旋律和节拍，展现音乐的无穷魅力。首先，我们会讲解基本节奏，然后小朋友们可以动手创作自己的鼓点节拍。接着我们会为他们演示如何使用 Live Loops，来创作自己的摇滚、嘻哈音乐或电子舞曲。小朋友们可以带上自己的 iPad，也可以使用我们提供的设备。建议 6 至 12 岁的小朋友参加。</p>
                <p>带上你的学生或教师同伴，前往 Apple Store 零售店参加 Field Trip 课外活动，收获一段难忘的学习经历。<img src="http://res.268xue.com/res/upload/yzl/banner/20180108/40f0b4da6a350f79e60138a20319722d.jpg" alt=""> 学生们将现场创作各种精彩作品。借助 Apple 产品，他们的想象力将提升到全新的高度，创作出引人入胜、创意十足的方案。亲历过 Field Trip 课外活动的师生们将会明白，无论他们的梦想是什么，教育、创造力和全心的投入都可以让他们梦想成真。</p>
                <p>     财 产犯罪的司法认定——题目看似平淡，但是财产犯罪在所有的犯罪中具有常见、多发、复杂、疑难的特点，实际上并不容易掌握。大家都了解刑法分则关于财产犯罪 的规定，但是财产犯罪本身尚有大量的理论问题需要从法理上加以探讨。希望今天的讲解能在解决财产犯罪的疑难问题上给大家一个提示，在掌握财产犯罪的个罪特 征的基础上，对财产犯罪之间的法律界限以及如何在司法实践中正确认定财产犯罪提供某种理论思路。</p>
            </div>
        </div>
    </div>
</div>

<!--查看全部回复 Popup 开始-->
<div class="popup popup-about allReplyPopup">
    <header class="bar bar-nav">
        <button class="button button-link button-nav pull-left close-popup"><span class="iconfont icon-guanbi ml5"></span></button>
        <h1 class="title">18条回复</h1>
    </header>
    <nav class="bar bar-tab">
        <div class="searchbar wm-comment-inp__wrap">
            <a class="searchbar-cancel c-blue fs8">发布</a>
            <div class="search-input">
                <label class="icon iconfont icon-taolun" for="search"></label>
                <input type="text" id="search" placeholder="想说点什么，别憋着...">
            </div>
        </div>
    </nav>
    <div class="content wm-content allReplyPop-content">
        <div class="wm-question-list__wrap">
            <div class="list-block">
                <ul class="list-container facebook-card">
                    <li class="card-header">
                        <section class="pull-right">
                            <div class="c-bbb fs4">星期一 3:47pm</div>
                        </section>
                        <div class="facebook-avatar">
                            <img class="wm-img list-block-userface" data-src="http://static.268xue.com/upload/mavendemo/teacher/20160907/1473233647250419398.jpg?v=1504769916460" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42" alt="">
                        </div>
                        <div class="facebook-name ovf">
                            <span class=" c-333 fs8">夜萧</span>
                        </div>
                        <div class="wm-comment-list__wrap pt5">
                            <div class="fs7 c-333">这是一个用纯文本的简单卡片。但卡片可以包含自己的页头，页脚，列表视图，图像，和里面的任何元素。</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="ml5 mr5"><hr></div>
            <div>
                <div class="ml5 mr5">
                    <strong class="fs6 c-333">全部评论</strong>
                </div>
                <div class="content-padded">
                    <!--公共加载动效  开始-->
                    <section class="loading-gif__wrap">
                        <div class="row">
                            <aside class="col-auto"><span class="loadingImg"></span></aside>
                            <aside class="col-auto">
                                        <span class="loading-txt">
                                            <big>努力奔跑中...</big><br>
                                            <small>Powered by 268教育软件</small>
                                        </span>
                            </aside>
                        </div>
                    </section>
                    <!--公共加载动效  结束-->
                    <div class="list-block">
                        <ul class="list-container facebook-card pt5">
                            <li class="card-header">
                                <section class="pull-right">
                                    <div class="c-bbb fs4">星期一 3:47pm</div>
                                </section>
                                <div class="facebook-avatar">
                                    <img class="wm-img list-block-userface" data-src="http://static.268xue.com/upload/mavendemo/teacher/20160907/1473233647250419398.jpg?v=1504769916460" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42" alt="">
                                </div>
                                <div class="facebook-name ovf">
                                    <span class=" c-333 fs8">夜萧</span>
                                    <span class=" c-blue fs8"> 回复 </span>
                                    <span class=" c-333 fs8">李大中</span>
                                </div>
                                <div class="wm-comment-list__wrap pt5">
                                    <div class="fs7 c-333">这是一个用纯文本的简单卡片。但卡片可以包含自己的页头，页脚，列表视图，图像，和里面的任何元素。</div>
                                </div>
                            </li>
                            <li class="card-header">
                                <section class="pull-right">
                                    <div class="c-bbb fs4">星期一 3:47pm</div>
                                </section>
                                <div class="facebook-avatar">
                                    <img class="wm-img list-block-userface" data-src="http://static.268xue.com/upload/mavendemo/teacher/20160907/1473233647250419398.jpg?v=1504769916460" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" width="42" height="42" alt="">
                                </div>
                                <div class="facebook-name ovf">
                                    <span class=" c-333 fs8">夜萧</span>
                                    <span class=" c-blue fs8"> 回复 </span>
                                    <span class=" c-333 fs8">李大中</span>
                                </div>
                                <div class="wm-comment-list__wrap pt5">
                                    <div class="fs7 c-333">这是一个用纯文本的简单卡片。但卡片可以包含自己的页头，页脚，列表视图，图像，和里面的任何元素。</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--查看全部回复 Popup 结束-->

<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src='@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}((path=${staticPath}, v=${v})}' charset="utf-8"></script>
<script th:inline="javascript" type="text/javascript">
    $(function () {
        //最近多直播向上滚动方法
        upScroll('.wp-live-txt__wrap')
    });
</script>
</body>
</html>